<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: 李佳林
  Date: 2021/1/25
  Time: 22:46
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>某某学校网站</title>
    <script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=vTKxVgAeSX70yjp6MYoy22GjlVL9o9zH"></script>
    <link rel="stylesheet" href="../css/contactus.css">



</head>
<body>
<!--头-->
<jsp:include page="top.jsp"></jsp:include>
<!--中间部分1图片2内容-->
<div class="health">
    <div>
        <div>
            <!--            宽高 1200*306-->

            <img src="${companyModel2.contactUsImg}" height="306" width="1920"/></div>
    </div>
    <!--        中间第二部分-->
    <div>
        <!--            关于我们宽度1200-->
        <div>
            <div>
                <div>
                    <div>
                        <div><img src="../img/kbcw.jpg" height="15" width="15"/></div>
                        <div><a href="#">首页</a></div>

                    </div>
                    <div>
                        <div>>></div>
                        <div><a href="#">关于我们</a></div>

                    </div>

                </div>
                <div>
                    <c:forEach items="${navModelList2}" var="navModel" varStatus="status">
                        <div onclick="goto('${navModel.href}')">${navModel.title}</div>
                    </c:forEach>
<%--                    <div>--%>
<%--                        小学辅导班--%>
<%--                    </div>--%>
<%--                    <div>--%>
<%--                        初中辅导班--%>
<%--                    </div>--%>
<%--                    <div>--%>
<%--                        高中辅导班--%>
<%--                    </div>--%>
<%--                    <div>--%>
<%--                        一对一辅导班--%>
<%--                    </div>--%>
<%--                    <div>--%>
<%--                        特长辅导班--%>
<%--                    </div>--%>
                </div>
            </div>

        </div>
        <!--            关于我们-->
        <div>
            <div>
                <div>
                    <div>联系我们</div>
                    <div>CONTACT US</div>
                </div>

                <div>
                    <div>
                        <div>
                            <img src="${companyModel2.contactUsImg2}" height="249" width="573"/>

                        </div>
                        <div>
                            <div>
                                <div>
                                    <div>
                                        <div>
                                            <div><img src="${companyModel3.contactUsPhoneImg}" height="35" width="33"/></div>
                                            <div>${companyModel3.contactUsPhone}   </div>
                                        </div>
                                        <div>
                                            <div><img src="${companyModel3.contactUsFaxImg}" height="34" width="33"/></div>
                                            <div>${companyModel3.contactUsFax}</div>
                                        </div>
                                        <div>
                                            <div><img src="${companyModel3.contactUsMailboxImg}" height="35" width="33"/></div>
                                            <div>${companyModel3.contactUsMailbox}</div>
                                        </div>
                                        <div>
                                            <div><img src="${companyModel3.contactUsAddressImg}" height="35" width="33"/></div>
                                            <div>${companyModel3.contactUsAddress}</div>
                                        </div>
                                    </div>
                                    <div>
                                        <div>乘车指南：</div>
                                        <div>
                                            <div><img src="${companyModel3.contactUsRouteImg}" height="34" width="33"/></div>
                                            <div>${companyModel3.contactUsRoute}</div>
                                        </div>
                                        <div>
                                            <div><img src="${companyModel3.contactUsRouteImg2}" height="34" width="33"/></div>
                                            <div>${companyModel3.contactUsRoute}</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div><div id="map"></div>
                        <!--                    百度地图-->
                    </div>
                </div>
            </div>
        </div>
        <!--            滚动-->
        <div>

            <div>
                <c:forEach items="${productModelList2}" var="productModel" varStatus="status">
                    <div>
                        <div><img src="${productModel.aboutImg}" height="257" width="381"/></div>
                        <div>${productModel.aboutText}</div>
                    </div>
                </c:forEach>
<%--                <div>--%>
<%--                    <div><img src="../img/a_kr3u.png" height="257" width="381"/></div>--%>
<%--                    <div>一对一辅导班</div>--%>
<%--                </div>--%>
<%--                <div>--%>
<%--                    <div><img src="../img/b_88e9.png" height="356" width="523"/></div>--%>
<%--                    <div>一对一辅导班</div>--%>
<%--                </div>--%>
<%--                <div>--%>
<%--                    <div><img src="../img/d.png" height="470" width="605"/></div>--%>
<%--                    <div>一对一辅导班</div>--%>
<%--                </div>--%>
<%--                <div>--%>
<%--                    <div><img src="../img/a_rh30.png" height="411" width="544"/></div>--%>
<%--                    <div>一对一辅导班</div>--%>
<%--                </div>--%>
<%--                <div>--%>
<%--                    <div><img src="../img/c_d5yo.png" height="461" width="612"/></div>--%>
<%--                    <div>一对一辅导班</div>--%>
<%--                </div>--%>
<%--                <div>--%>
<%--                    <div><img src="../img/c_uq92.png" height="428" width="526"/></div>--%>
<%--                    <div>一对一辅导班</div>--%>
<%--                </div>--%>
<%--                <div>--%>
<%--                    <div><img src="../img/b_w2hv.png" height="473" width="591"/></div>--%>
<%--                    <div>一对一辅导班</div>--%>
<%--                </div>--%>
<%--                <div>--%>
<%--                    <div><img src="../img/c_0ubs.png" height="305" width="443"/></div>--%>
<%--                    <div>一对一辅导班</div>--%>
<%--                </div>--%>
<%--                <div>--%>
<%--                    <div><img src="../img/a_rzhw.png" height="423" width="516"/></div>--%>
<%--                    <div>一对一辅导班</div>--%>
<%--                </div>--%>
<%--                <div>--%>
<%--                    <div><img src="../img/d.png" height="470" width="605"/></div>--%>
<%--                    <div>一对一辅导班</div>--%>
<%--                </div>--%>
            </div>
        </div>
    </div>

</div>
<!--脚部分-->
<jsp:include page="foot.jsp"></jsp:include>
</body>
</html>
<script src="../js/map.js"></script>
<%--<%--%>
<%--    var map = new BMapGL.Map('map'); // 创建Map实例--%>
<%--    var point = new BMapGL.Point(104.066442,30.579345)--%>
<%--    map.centerAndZoom(point, 12); // 初始化地图,设置中心点坐标和地图级别--%>
<%--    map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放--%>
<%--    var marker = new BMapGL.Marker(point);  // 创建标注--%>
<%--    map.addOverlay(marker);              // 将标注添加到地图中--%>
<%--    var opts = {--%>
<%--            width : 200,     // 信息窗口宽度--%>
<%--    height: 100,     // 信息窗口高度--%>
<%--    title : "孵化园" , // 信息窗口标题--%>
<%--    message:"万息"--%>
<%--    }--%>
<%--    var infoWindow = new BMapGL.InfoWindow("地址：成都市武侯区孵化园", opts);  // 创建信息窗口对象--%>
<%--    marker.addEventListener("click", function(){--%>
<%--    map.openInfoWindow(infoWindow, point); //开启信息窗口--%>
<%--    });--%>
<%--%>--%>